// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import '@/style/index.scss';
/*找router 文件夹中的index.js */
import router from './router'

Vue.use(ElementUI);
// 设置为 false 以阻止 vue 在启动时生成生产提示。
Vue.config.productionTip = false

/* 全局守卫 作用就是在路由跳转前，对路由进行判断，防止未登录的用户跳转到其他页面去 */
router.beforeEach((to, from, next) => {
  let token = localStorage.getItem('mytoken');
  console.log(token,123)
  if(token){
    next();
  }else{
    if(to.path !=='/login'){
      next({path:'/login'})
    }else{
      // 如果没有登录，访问login则不干涉你
       next()
    }
  }
})

/* 使用vuex的步骤
1.安装npm install vuex -S
2.引入vuex */
import Vuex from "vuex"
//3.使用vuex插件
Vue.use(Vuex)
// 4.创建共享数据仓库
const store = new Vuex.Store({
  state:{
    count:1000,
  },
  mutations:{   //好比我们以前methods,要改变state中的数据必须通过mutationss中的方法改变
    add(state){
      state.count++
    }
  }
})


/* eslint-disable no-new */
new Vue({
  /* el:挂载元素
  tempalte:模板
  component:组件 */
  el: '#app',
  // 引入路由
  router,
  store,
  components: { App },
  template: '<App/>'
})
